<template>
  <div>
    <p class='question'>
      1.  您平常阅读的行业杂志，首先是（ ），其次（ ），最后是（ ），或者其他___________
    </p>
    <ul>
      <li answer='A'>
        <i class='answer_logo'></i>
        <span class='answer_text'>A《暖通空调》</span>
      </li>
      <li answer='A'>
        <i class='answer_logo'></i>
        <span class='answer_text'>A《暖通空调》</span>
      </li>
      <li answer='A'>
        <i class='answer_logo'></i>
        <span class='answer_text'>A《暖通空调》</span>
      </li>
      <li answer='A'>
        <i class='answer_logo'></i>
        <span class='answer_text'>A《暖通空调》</span>
      </li>
    </ul>
    <router-link class='btn' to='/test03'>下一步</router-link>
  </div>
</template>

<script>
export default {
  name: 'test01',
  data: {
    options: []
  }
}
</script>

<style scope>
.question{
  color: #005494;
  font-size:0.4rem;
}
ul{
  display: flex;
  flex-wrap: wrap;
}
li{
  width: 50%;
  height: 1.173333rem;
}
.answer_logo{
  display: inline-block;
  border: 0.053333rem solid #2B91DE;
  border-radius: 50%;
  width: 0.533333rem;
  height: 0.533333rem;
  vertical-align: middle;
}
.answer_text{
  color: #333;
  font-size: 0.4rem;
  vertical-align: middle;
}
.btn{
  display: block;
  text-decoration: none;
  width: 8.0rem;
  height: 1.173333rem;
  background-color:#2B91DE;
  text-align:center;
  line-height: 1.173333rem;
  color: #fff;
  font-size: 0.426667rem;
  margin: 0.973333rem auto 0;
  border-radius: 0.106667rem;
}
</style>
